<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "XHTML1-s.dtd">
<!--

Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Name       : Primitive
Version    : 1.0
Released   : 20080425

-->
<html>
<head>
	<title>{% block title %}Cassaco Project{% endblock %}</title>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<link rel="stylesheet" href="http://dev.jquery.com/view/tags/ui/latest/themes/flora/flora.all.css" type="text/css" media="screen" title="Flora (Default)">
    <link rel="shortcut icon" href="/cassaco/media/img/cassaco.jpg" />
	<link rel="stylesheet" href="/cassaco/media/css/style.css" type="text/css"/>
	<link rel="stylesheet" href="/cassaco/media/css/list.css" type="text/css"/>
	
	<script src="/cassaco/media/js/jquery-latest.js"></script>
	<script type="text/javascript" src="/cassaco/media/js/ui.core.js"></script>
	<script type="text/javascript" src="/cassaco/media/js/ui.tabs.js"></script>
	<script src="/cassaco/media/js/ui.datepicker.js"></script>
  
  <script>
  $(document).ready(function(){
    $('#loading').hide();
    $().ajaxStart(function() { $('#loading').show(); });
    $().ajaxStop(function() { $('#loading').hide(); });
  });
  </script>
</head>
<body>

<div id="header">
	{% block header %}
	<div style="float:left;">
		<div style="float:left;">
           <h1>Cassaco</h1>
           <h2>Simple as it must be!</h2>
        </div>
        <div style="float:right; padding: 20px;">
           <a href="/cassaco/logout">Logout</a>
        </div>
    </div>
    <div style="float:right;">
       <input type="text"/><input type="submit" value="search"/>
    </div>
    {% endblock %}
</div>

<div id="menuHeader">
	{% block menu %}
	<ul>
		<li id="first" class="active"><a href="/cassaco">Spent</a></li>
		<li><a href="/cassaco/settings">Settings</a></li>
		<li><a href="#">Edit account</a></li>
		<li><a href="#">Contact Us</a></li>
	</ul>
	<div></div>
	{% endblock %}
</div>

<div id="container">

	<div id="primarycontainer">
		<div id="primarycontent">
		{% block firstColumn %}
			First column
		{% endblock %}
		</div>
	</div>

	<div id="secondarycontent">
		<div id="loading">Loading...</div>
		{% block secondColumn %}
		
		{% endblock %}
	</div>

	<div class="clearit"></div>

</div>

<div id="footer">
	{% block footer %}
	&copy; 2008 My Website. Design by <a href="http://www.nodethirtythree.com/">
		NodeThirtyThree</a> + <a href="http://www.freecsstemplates.org">
		Free CSS Templates</a>.
	{% endblock %}
</div>


</body>
</html>
